<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8">
	<title>个人中心</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<link rel="stylesheet" href="css/mui.min.css" th:href="@{/web/css/mui.min.css}">
	<link rel="stylesheet" href="css/home.css" th:href="@{/web/css/home.css}">
	<link rel="stylesheet" type="text/css" href="css/icons-extra.css" th:href="@{/web/css/icons-extra.css}"/>
	<link rel="stylesheet" type="text/css" href="css/app.css" th:href="@{/web/css/app.css}"/>
	<link href="favicon.ico" type="image/x-icon" rel="icon">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
	<style>
		html,
		body {
			background-color: #efeff4;
		}
		.mui-views,
		.mui-view,
		.mui-pages,
		.mui-page,
		.mui-page-content {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			background-color: #efeff4;
		}
		.mui-pages {
			top: 46px;
			height: auto;
		}
		.mui-scroll-wrapper,
		.mui-scroll {
			background-color: #efeff4;
		}
		.mui-page.mui-transitioning {
			-webkit-transition: -webkit-transform 300ms ease;
			transition: transform 300ms ease;
		}
		.mui-page-left {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		.mui-ios .mui-page-left {
			-webkit-transform: translate3d(-20%, 0, 0);
			transform: translate3d(-20%, 0, 0);
		}
		.mui-navbar {
			position: fixed;
			right: 0;
			left: 0;
			z-index: 10;
			height: 44px;
			background-color: #f7f7f8;
		}
		.mui-navbar .mui-bar {
			position: absolute;
			background: transparent;
			text-align: center;
		}
		.mui-android .mui-navbar-inner.mui-navbar-left {
			opacity: 0;
		}
		.mui-ios .mui-navbar-left .mui-left,
		.mui-ios .mui-navbar-left .mui-center,
		.mui-ios .mui-navbar-left .mui-right {
			opacity: 0;
		}
		.mui-navbar .mui-btn-nav {
			-webkit-transition: none;
			transition: none;
			-webkit-transition-duration: .0s;
			transition-duration: .0s;
		}
		.mui-navbar .mui-bar .mui-title {
			display: inline-block;
			width: auto;
		}
		.mui-page-shadow {
			position: absolute;
			right: 100%;
			top: 0;
			width: 16px;
			height: 100%;
			z-index: -1;
			content: '';
		}
		.mui-page-shadow {
			background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
			background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
		}
		.mui-navbar-inner.mui-transitioning,
		.mui-navbar-inner .mui-transitioning {
			-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
			transition: opacity 300ms ease, transform 300ms ease;
		}
		.mui-page {
			display: none;
		}
		.mui-pages .mui-page {
			display: block;
		}
		.mui-page .mui-table-view:first-child {
			margin-top: 10px;
		}
		.mui-page .mui-table-view:last-child {
			margin-bottom: 30px;
		}
		.mui-table-view {
			margin-top: 10px;
		}

		.mui-table-view span.mui-pull-right {
			color: #999;
		}
		.mui-table-view-divider {
			background-color: #efeff4;
			font-size: 14px;
		}
		.mui-table-view-divider:before,
		.mui-table-view-divider:after {
			height: 0;
		}
		.head {
			height: 40px;
		}
		#head {
			line-height: 40px;
		}
		.head-img {
			width: 40px;
			height: 40px;
		}
		#head-img1 {
			position: absolute;
			bottom: 10px;
			right: 40px;
			width: 40px;
			height: 40px;
		}
		.update {
			font-style: normal;
			color: #999999;
			margin-right: -25px;
			font-size: 15px
		}
		.mui-fullscreen {
			position: fixed;
			z-index: 20;
			background-color: #000;
		}
		.mui-ios .mui-navbar .mui-bar .mui-title {
			position: static;
		}
		/*问题反馈在setting页面单独的css*/
		#feedback .mui-popover{
			position: fixed;
		}
		#feedback .mui-table-view:last-child {
			margin-bottom: 0px;
		}
		#feedback .mui-table-view:first-child {
			margin-top: 0px;
		}
		/*问题反馈在setting页面单独的css==end*/

	</style>
	<link rel="stylesheet" type="text/css" href="css/feedback.css" th:href="@{/web/css/feedback.css}"/>
	<style>
		.mui-control-content {
			background-color: white;
			min-height: 215px;
		}
		.mui-control-content .mui-loading {
			margin-top: 50px;
		}
	</style>
</head>

<body class="mui-fullscreen">
<!--页面主结构开始-->
<div id="app" class="mui-views">
	<div class="mui-view">
		<div class="mui-navbar">
		</div>
		<div class="mui-pages">
		</div>
	</div>
</div>
<!--页面主结构结束-->
<!--单页面开始-->
<div id="setting" class="mui-page">
	<!--页面标题栏开始-->
	<div class="mui-navbar-inner mui-bar mui-bar-nav b-line">
		<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
		</button>
		<h1 class="mui-center mui-title">个人中心</h1>
	</div>
	<!--页面标题栏结束-->
	<!--页面主内容区开始-->
	<div class="mui-page-content ">
		<div class="mui-scroll-wrapper ">
			<div class="mui-scroll ">
				<ul class="mui-table-view mui-table-view-chevron">
					<li class="mui-table-view-cell mui-media b-line">
						<a class="mui-navigate-right t-line" href="#account">
							<img class="mui-media-object mui-pull-left head-img" id="head-img" src="">
							<div class="mui-media-body" th:text="${usermodel.nickname}">
								艾薇儿
								<p class='mui-ellipsis'>时尚女王</p>
							</div>
						</a>
					</li>
				</ul>
				<ul class="mui-table-view mui-table-view-chevron t-line">
					<li class="mui-table-view-cell b-line">
						<a href="#account1" class="mui-navigate-right">我的订单</a>
					</li>
				</ul>
				<ul class="mui-table-view mui-table-view-chevron t-line">
					<li class="mui-table-view-cell b-line">
						<a th:href="@{/web/address}" class="mui-navigate-right">收货地址</a>
					</li>
					<!--<li class="mui-table-view-cell b-line">-->
						<!--<a href="#notifications" class="mui-navigate-right">消息通知</a>-->
					<!--</li>-->
					<li class="mui-table-view-cell b-line">
						<a th:href="@{/web/mylovelist}"  class="mui-navigate-right">我的收藏</a>
					</li>
				</ul>
				<ul class="mui-table-view mui-table-view-chevron b-line">
					<li class="mui-table-view-cell t-line">
						<a href="#about" class="mui-navigate-right">关于海淘购 <i class="mui-pull-right update">2.0</i></a>
					</li>
				</ul>
				<ul class="mui-table-view b-line">
					<li class=" t-line" style="text-align: center; padding:14px 0 ">
						<a href="login.html" style="color:#ff3366; display:inline-block; width:100%">退出登录</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!--页面主内容区结束-->
</div>
<!--单页面结束-->
<div id="account" class="mui-page ">
	<div class="mui-navbar-inner mui-bar mui-bar-nav ">
		<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
			<span class="mui-icon mui-icon-arrowleft"></span>
		</button>
		<h1 class="mui-center mui-title">个人信息</h1>
	</div>
	<div class="mui-page-content">
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell t-line ">
						<a id="head" class="mui-navigate-right">头像
							<span class="mui-pull-right head">
									<img class="head-img mui-action-preview" id="head-img1" src=""/>
								</span>
						</a>
					</li>
					<li class="mui-table-view-cell t-line">
						<a>姓名<span class="mui-pull-right">艾薇儿</span></a>
					</li>
					<div class="b-line"></div>
				</ul>
				<ul class="mui-table-view t-line">
					<li class="mui-table-view-cell b-line">
						<a>QQ号<span class="mui-pull-right">88888888</span></a>
					</li>
					<li class="mui-table-view-cell b-line">
						<a>手机<span class="mui-pull-right">885444444</span></a>
					</li>
					<li class="mui-table-view-cell b-line">
						<a>邮箱地址<span class="mui-pull-right">haitao@me.com</span></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>

<div id="account1" class="mui-page ">
	<div class="mui-navbar-inner mui-bar mui-bar-nav ">
		<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
			<span class="mui-icon mui-icon-arrowleft"></span>
		</button>
		<h1 class="mui-center mui-title">我的订单</h1>
	</div>
	<div class="">
		<div class="">
			<div class="">
				<div class="">
					<div style="padding:5px 10px;"class="b-line">
						<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
							<a class="mui-control-item mui-active" href="#item1">全部</a>
							<a class="mui-control-item" href="#item2">代付款</a>
							<a class="mui-control-item" href="#item3">待收货</a>
							<a class="mui-control-item" href="#item3">待评价</a>
							<a class="mui-control-item" href="#item3">退款退货</a>
						</div>
					</div>
					<div>
						<div id="item1" class="mui-control-content mui-active" style="height:800px">
							<div class="mui-page-content">
								<div class="mui-scroll-wrapper" data-scroll="8">
									<div class="mui-scroll" style="transform: translate3d(0px, 0px, 0px) translateZ(0px); transition-duration: 0ms;">
										<ul class="mui-table-view mui-table-view t-line" id="" style="margin-top:0">
											<li class="mui-table-view-cell mui-table-view-cell mui-media b-line mui-transitioning">
												<div class=" mui-input-row mui-checkbox mui-left"><input name="checkbox" value="Item 1" type="checkbox"></div>
												<div class="mui-slider-right mui-disabled">
													<a class="mui-btn mui-btn-red" style="transform: translate(0px, 0px);">删除</a>
												</div>
												<div class="mui-slider-handle mui-table" style="transform: translate(0px, 0px);">
													<a href="javascript:;">
														<img class="mui-media-object mui-pull-left" src="images/ad1.jpg">
														<div class="mui-media-body">¥112.50
															<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>
														</div>
													</a>
												</div>
											</li>
											<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">
												<div class="mui-slider-right mui-disabled">
													<a class="mui-btn mui-btn-red">删除</a>
												</div>
												<div class="mui-slider-handle mui-table">
													<a href="javascript:;">
														<img class="mui-media-object mui-pull-left" src="images/ad2.jpg">
														<div class="mui-media-body">¥112.50
															<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>
														</div>
													</a>
												</div>
											</li>
											<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">
												<div class="mui-slider-right mui-disabled">
													<a class="mui-btn mui-btn-red">删除</a>
												</div>
												<div class="mui-slider-handle mui-table">
													<a href="javascript:;">
														<img class="mui-media-object mui-pull-left" src="images/ad3.jpg">
														<div class="mui-media-body">¥112.50
															<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>
														</div>
													</a>
												</div>
											</li>
											<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">
												<div class=" mui-input-row mui-checkbox mui-left"><input name="checkbox" value="Item 1" type="checkbox"></div>
												<div class="mui-slider-right mui-disabled">
													<a class="mui-btn mui-btn-red">删除</a>
												</div>
												<div class="mui-slider-handle mui-table">
													<a href="javascript:;">
														<img class="mui-media-object mui-pull-left" src="images/ad1.jpg">
														<div class="mui-media-body">¥112.50
															<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>
														</div>
													</a>
												</div>
											</li>
											<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">
												<div class="mui-slider-right mui-disabled">
													<a class="mui-btn mui-btn-red">删除</a>
												</div>
												<div class="mui-slider-handle mui-table">
													<a href="javascript:;">
														<img class="mui-media-object mui-pull-left" src="images/ad2.jpg">
														<div class="mui-media-body">¥112.50
															<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>
														</div>
													</a>
												</div>
											</li>
											<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">
												<div class="mui-slider-right mui-disabled">
													<a class="mui-btn mui-btn-red">删除</a>
												</div>
												<div class="mui-slider-handle mui-table">
													<a href="javascript:;">
														<img class="mui-media-object mui-pull-left" src="images/ad3.jpg">
														<div class="mui-media-body">¥112.50
															<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>
														</div>
													</a>
												</div>
											</li>
											<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">
												<div class=" mui-input-row mui-checkbox mui-left"><input name="checkbox" value="Item 1" type="checkbox"></div>
												<div class="mui-slider-right mui-disabled">
													<a class="mui-btn mui-btn-red">删除</a>
												</div>
												<div class="mui-slider-handle mui-table">
													<a href="javascript:;">
														<img class="mui-media-object mui-pull-left" src="images/ad1.jpg">
														<div class="mui-media-body">¥112.50
															<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>
														</div>
													</a>
												</div>
											</li>
											<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">
												<div class="mui-slider-right mui-disabled">
													<a class="mui-btn mui-btn-red">删除</a>
												</div>
												<div class="mui-slider-handle mui-table">
													<a href="javascript:;">
														<img class="mui-media-object mui-pull-left" src="images/ad2.jpg">
														<div class="mui-media-body">¥112.50
															<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>
														</div>
													</a>
												</div>
											</li>
											<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">
												<div class="mui-slider-right mui-disabled">
													<a class="mui-btn mui-btn-red">删除</a>
												</div>
												<div class="mui-slider-handle mui-table">
													<a href="javascript:;">
														<img class="mui-media-object mui-pull-left" src="images/ad3.jpg">
														<div class="mui-media-body">¥112.50
															<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>
														</div>
													</a>
												</div>
											</li>
										</ul>
									</div>
									<div class="mui-scrollbar mui-scrollbar-vertical"><div class="mui-scrollbar-indicator" style="transition-duration: 0ms; display: none; height: 686px; transform: translate3d(0px, 0px, 0px) translateZ(0px);"></div></div></div>
							</div>
						</div>
						<div id="item2" class="mui-control-content">
							<ul class="mui-table-view" style="margin-top:0">
								<li class="mui-table-view-cell">
									代付款
								</li>

							</ul>
						</div>
						<div id="item3" class="mui-control-content">
							<ul class="mui-table-view" style="margin-top:0">
								<li class="mui-table-view-cell" >
									待收货
								</li>

							</ul>
						</div>
					</div>
				</div>

				<script>
                    mui.init({
                        swipeBack: true //启用右滑关闭功能
                    });
                    (function($) {
                        $('#scroll').scroll({
                            indicators: true //是否显示滚动条
                        });
                        var segmentedControl = document.getElementById('segmentedControl');
                        $('.mui-input-group').on('change', 'input', function() {
                            if (this.checked) {
                                var styleEl = document.querySelector('input[name="style"]:checked');
                                var colorEl = document.querySelector('input[name="color"]:checked');
                                if (styleEl && colorEl) {
                                    var style = styleEl.value;
                                    var color = colorEl.value;
                                    segmentedControl.className = 'mui-segmented-control' + (style ? (' mui-segmented-control-' + style) : '') + ' mui-segmented-control-' + color;
                                }
                            }
                        });
                    })(mui);
				</script>


			</div>
		</div>
	</div>
</div>

<!--<div id="notifications" class="mui-page">-->
	<!--<div class="mui-navbar-inner mui-bar mui-bar-nav">-->
		<!--<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">-->
			<!--<span class="mui-icon mui-icon-arrowleft"></span>-->
		<!--</button>-->
		<!--<h1 class="mui-center mui-title">消息通知</h1>-->
	<!--</div>-->
	<!--<div class="mui-page-content">-->
		<!--<div class="mui-scroll-wrapper">-->
			<!--<div class="mui-scroll">-->
				<!--<ul class="mui-table-view t-line">-->
					<!--<li class="mui-table-view-cell b-line">-->
						<!--<a>接收新消息通知<span class="mui-pull-right">已开启</span></a>-->
					<!--</li>-->
				<!--</ul>-->
				<!--<ul class="mui-table-view t-line">-->
					<!--<li class="mui-table-view-cell b-line">-->
						<!--关系消息通知-->
						<!--<div class="mui-switch mui-active mui-switch-mini">-->
							<!--<div class="mui-switch-handle"></div>-->
						<!--</div>-->
					<!--</li>-->
				<!--</ul>-->
				<!--<div class="mui-content-padded">-->
					<!--<p>若关闭，当收到新消息时，通知提示将不显示发信人和内容摘要</p>-->
				<!--</div>-->

				<!--<ul class="mui-table-view mui-table-view-chevron t-line">-->
					<!--<li class="mui-table-view-cell b-line">-->
						<!--<a href="#notifications_disturb" class="mui-navigate-right">消息免打扰</a>-->
					<!--</li>-->
				<!--</ul>-->
				<!--<div></div>-->
			<!--</div>-->
		<!--</div>-->
	<!--</div>-->
<!--</div>-->
<!--<div id="notifications_disturb" class="mui-page">-->
	<!--<div class="mui-navbar-inner mui-bar mui-bar-nav b-line">-->
		<!--<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">-->
			<!--<span class="mui-icon mui-icon-arrowleft"></span>-->
		<!--</button>-->
		<!--<h1 class="mui-center mui-title">消息免打扰</h1>-->
	<!--</div>-->
	<!--<div class="mui-page-content">-->
		<!--<div class="mui-scroll-wrapper">-->
			<!--<div class="mui-scroll">-->
				<!--<ul class="mui-table-view mui-table-view-radio t-line">-->
					<!--<li class="mui-table-view-cell b-line">-->
						<!--<a class="mui-navigate-right">开启</a>-->
					<!--</li>-->
					<!--<li class="mui-table-view-cell b-line">-->
						<!--<a class="mui-navigate-right">只在夜间开启</a>-->
					<!--</li>-->
					<!--<li class="mui-table-view-cell b-line">-->
						<!--<a class="mui-navigate-right">关闭</a>-->
					<!--</li>-->
				<!--</ul>-->
			<!--</div>-->
		<!--</div>-->
	<!--</div>-->
<!--</div>-->
<!--<div id="privacy" class="mui-page">-->
	<!--<div class="mui-navbar-inner mui-bar mui-bar-nav">-->
		<!--<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">-->
			<!--<span class="mui-icon mui-icon-arrowleft"></span>-->
		<!--</button>-->
		<!--<h1 class="mui-center mui-title">管理收货地址</h1>-->
		<!--<a href="#address" type="button" class="mui-left  mui-btn  mui-btn-link mui-btn-nav mui-pull-right">-->
			<!--<span class="mui-icon mui-icon-plus"></span>-->
		<!--</a>-->
	<!--</div>-->
	<!--<div class="mui-page-content">-->
		<!--<div class="mui-scroll-wrapper">-->
			<!--<div class="mui-scroll">-->
				<!--&lt;!&ndash;/*@thymesVar id="usermodel" type="com.example.demo.user.bean.UserBean"*/&ndash;&gt;-->
				<!--<ul class="mui-table-view mui-table-view-radio t-line" th:each="bean:${address}" th:object="${bean}">-->
					<!--<li class="mui-table-view-cell b-line">-->
						<!--<p>徐萌 18801066666</p>-->
						<!--<p>北京市海淀区双榆树东里4号楼3门303</p>-->
					<!--</li>-->
					<!--<li class="mui-table-view-cell b-line">-->
						<!--<p><a  href="#address" style="padding-right:20px"><span class="mui-icon mui-icon-compose"></span>编辑</a> <a href="#"><span class="mui-icon mui-icon-trash"></span>删除</a></p>-->
					<!--</li>-->
				<!--</ul>-->
				<!--&lt;!&ndash;<ul class="mui-table-view mui-table-view-radio t-line">&ndash;&gt;-->
					<!--&lt;!&ndash;<li class="mui-table-view-cell b-line">&ndash;&gt;-->
						<!--&lt;!&ndash;<p>徐萌 18801066666</p>&ndash;&gt;-->
						<!--&lt;!&ndash;<p>北京市海淀区双榆树东里4号楼3门303</p>&ndash;&gt;-->
					<!--&lt;!&ndash;</li>&ndash;&gt;-->
					<!--&lt;!&ndash;<li class="mui-table-view-cell b-line">&ndash;&gt;-->
						<!--&lt;!&ndash;<p><a href="#address" style="padding-right:20px"><span class="mui-icon mui-icon-compose"></span>编辑</a> <a href="#"><span class="mui-icon mui-icon-trash"></span>删除</a></p>&ndash;&gt;-->
					<!--&lt;!&ndash;</li>&ndash;&gt;-->
				<!--&lt;!&ndash;</ul>&ndash;&gt;-->
			<!--</div>-->
		<!--</div>-->
	<!--</div>-->
<!--</div>-->
<!--<div id="address" class="mui-page">-->
	<!--<div class="mui-navbar-inner mui-bar mui-bar-nav">-->
		<!--<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">-->
			<!--<span class="mui-icon mui-icon-arrowleft"></span>-->
		<!--</button>-->
		<!--<h1 class="mui-center mui-title">新增收货地址</h1>-->
	<!--</div>-->
	<!--<div class="mui-page-content">-->
		<!--<div class="mui-scroll-wrapper">-->
			<!--<div class="mui-scroll">-->

					<!--<form class="mui-input-group">-->
						<!--<div class="mui-input-row b-line">-->
							<!--<label>收货人：</label>-->
							<!--<input type="text" placeholder="收货人">-->
						<!--</div>-->
						<!--<div class="mui-input-row b-line">-->
							<!--<label>手机号：</label>-->
							<!--<input type="text" class="mui-input-clear" placeholder="手机号" data-input-clear="3"><span class="mui-icon mui-icon-clear mui-hidden"></span>-->
						<!--</div>-->
						<!--<div class="mui-input-row b-line">-->
							<!--<label>省市区：</label>-->
							<!--<input type="text" class="mui-input-speech mui-input-clear" placeholder="省市区" data-input-clear="4" data-input-speech="4"><span class="mui-icon mui-icon-clear mui-hidden"></span><span class="mui-icon mui-icon-speech"></span>-->
						<!--</div>-->
						<!--<div class="mui-input-row b-line">-->
							<!--<label>详细地址：</label>-->
							<!--<input type="text" class="mui-input-clear" placeholder="详细地址" data-input-clear="3"><span class="mui-icon mui-icon-clear mui-hidden"></span>-->
						<!--</div>-->
						<!--<div class="mui-button-row b-line" style="padding:15px 0; height:auto">-->
							<!--<button class="mui-btn mui-btn-primary" type="button" onclick="return false;">确认</button>&nbsp;&nbsp;-->
							<!--<button class="mui-btn mui-btn-primary" type="button" onclick="return false;">取消</button>-->
						<!--</div>-->
					<!--</form>-->

			<!--</div>-->
		<!--</div>-->
	<!--</div>-->
<!--</div>-->
<!--<div id="general" class="mui-page">-->
	<!--<div class="mui-navbar-inner mui-bar mui-bar-nav">-->
		<!--<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">-->
			<!--<span class="mui-icon mui-icon-arrowleft"></span>-->
		<!--</button>-->
		<!--<h1 class="mui-center mui-title">我的收藏</h1>-->
	<!--</div>-->
	<!--<div class="mui-page-content">-->
		<!--<div class="mui-scroll-wrapper">-->
			<!--<div class="mui-scroll">-->
				<!--<ul class="mui-table-view mui-table-view t-line" id="OA_task_1">-->
					<!--<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">-->
						<!--<div class=" mui-input-row mui-checkbox mui-left"><input name="checkbox" value="Item 1" type="checkbox" ></div>-->
						<!--<div class="mui-slider-right mui-disabled">-->
							<!--<a class="mui-btn mui-btn-red">删除</a>-->
						<!--</div>-->
						<!--<div class="mui-slider-handle mui-table">-->
							<!--<a href="javascript:;">-->
								<!--<img class="mui-media-object mui-pull-left" src="images/ad1.jpg">-->
								<!--<div class="mui-media-body">¥112.50-->
									<!--<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>-->
								<!--</div>-->
							<!--</a>-->
						<!--</div>-->
					<!--</li>-->
					<!--<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">-->
						<!--<div class="mui-slider-right mui-disabled">-->
							<!--<a class="mui-btn mui-btn-red">删除</a>-->
						<!--</div>-->
						<!--<div class="mui-slider-handle mui-table">-->
							<!--<a href="javascript:;">-->
								<!--<img class="mui-media-object mui-pull-left" src="images/ad2.jpg">-->
								<!--<div class="mui-media-body">¥112.50-->
									<!--<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>-->
								<!--</div>-->
							<!--</a>-->
						<!--</div>-->
					<!--</li>-->
					<!--<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">-->
						<!--<div class="mui-slider-right mui-disabled">-->
							<!--<a class="mui-btn mui-btn-red">删除</a>-->
						<!--</div>-->
						<!--<div class="mui-slider-handle mui-table">-->
							<!--<a href="javascript:;">-->
								<!--<img class="mui-media-object mui-pull-left" src="images/ad3.jpg">-->
								<!--<div class="mui-media-body">¥112.50-->
									<!--<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>-->
								<!--</div>-->
							<!--</a>-->
						<!--</div>-->
					<!--</li>-->
					<!--<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">-->
						<!--<div class=" mui-input-row mui-checkbox mui-left"><input name="checkbox" value="Item 1" type="checkbox" ></div>-->
						<!--<div class="mui-slider-right mui-disabled">-->
							<!--<a class="mui-btn mui-btn-red">删除</a>-->
						<!--</div>-->
						<!--<div class="mui-slider-handle mui-table">-->
							<!--<a href="javascript:;">-->
								<!--<img class="mui-media-object mui-pull-left" src="images/ad1.jpg">-->
								<!--<div class="mui-media-body">¥112.50-->
									<!--<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>-->
								<!--</div>-->
							<!--</a>-->
						<!--</div>-->
					<!--</li>-->
					<!--<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">-->
						<!--<div class="mui-slider-right mui-disabled">-->
							<!--<a class="mui-btn mui-btn-red">删除</a>-->
						<!--</div>-->
						<!--<div class="mui-slider-handle mui-table">-->
							<!--<a href="javascript:;">-->
								<!--<img class="mui-media-object mui-pull-left" src="images/ad2.jpg">-->
								<!--<div class="mui-media-body">¥112.50-->
									<!--<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>-->
								<!--</div>-->
							<!--</a>-->
						<!--</div>-->
					<!--</li>-->
					<!--<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">-->
						<!--<div class="mui-slider-right mui-disabled">-->
							<!--<a class="mui-btn mui-btn-red">删除</a>-->
						<!--</div>-->
						<!--<div class="mui-slider-handle mui-table">-->
							<!--<a href="javascript:;">-->
								<!--<img class="mui-media-object mui-pull-left" src="images/ad3.jpg">-->
								<!--<div class="mui-media-body">¥112.50-->
									<!--<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>-->
								<!--</div>-->
							<!--</a>-->
						<!--</div>-->
					<!--</li>-->
					<!--<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">-->
						<!--<div class=" mui-input-row mui-checkbox mui-left"><input name="checkbox" value="Item 1" type="checkbox" ></div>-->
						<!--<div class="mui-slider-right mui-disabled">-->
							<!--<a class="mui-btn mui-btn-red">删除</a>-->
						<!--</div>-->
						<!--<div class="mui-slider-handle mui-table">-->
							<!--<a href="javascript:;">-->
								<!--<img class="mui-media-object mui-pull-left" src="images/ad1.jpg">-->
								<!--<div class="mui-media-body">¥112.50-->
									<!--<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>-->
								<!--</div>-->
							<!--</a>-->
						<!--</div>-->
					<!--</li>-->
					<!--<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">-->
						<!--<div class="mui-slider-right mui-disabled">-->
							<!--<a class="mui-btn mui-btn-red">删除</a>-->
						<!--</div>-->
						<!--<div class="mui-slider-handle mui-table">-->
							<!--<a href="javascript:;">-->
								<!--<img class="mui-media-object mui-pull-left" src="images/ad2.jpg">-->
								<!--<div class="mui-media-body">¥112.50-->
									<!--<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>-->
								<!--</div>-->
							<!--</a>-->
						<!--</div>-->
					<!--</li>-->
					<!--<li class="mui-table-view-cell  mui-table-view-cell mui-media b-line">-->
						<!--<div class="mui-slider-right mui-disabled">-->
							<!--<a class="mui-btn mui-btn-red">删除</a>-->
						<!--</div>-->
						<!--<div class="mui-slider-handle mui-table">-->
							<!--<a href="javascript:;">-->
								<!--<img class="mui-media-object mui-pull-left" src="images/ad3.jpg">-->
								<!--<div class="mui-media-body">¥112.50-->
									<!--<p class="mui-ellipsis">春季新款韩版小清新百搭短款重工花朵刺绣修身显瘦夹克牛仔外套</p>-->
								<!--</div>-->
							<!--</a>-->
						<!--</div>-->
					<!--</li>-->
				<!--</ul>-->
			<!--</div>-->
		<!--</div>-->
	<!--</div>-->
<!--</div>-->

<div id="about" class="mui-page">
	<div class="mui-navbar-inner mui-bar mui-bar-nav">
		<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
			<span class="mui-icon mui-icon-arrowleft"></span>设置
		</button>
		<h1 class="mui-center mui-title">关于海淘购</h1>
	</div>
	<div class="mui-page-content">
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<ul class="mui-table-view t-line">
					<li class="mui-table-view-cell b-line">
						<a id="rate" class="mui-navigate-right">评分鼓励</a>
					</li>
					<li class="mui-table-view-cell b-line mui-plus-visible">
						<a id="share" class="mui-navigate-right">分享推荐</a>
					</li>
					<li class="mui-table-view-cell b-line">
						<a id="tel" class="mui-navigate-right">客服电话</a>
					</li>
					<li class="mui-table-view-cell b-line">
						<a id="feedback-btn" href="#feedback" class="mui-navigate-right">问题反馈</a>
					</li>
					<li id="check_update" class="mui-table-view-cell b-line">
						<a id="update" class="mui-navigate-right">检查更新</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>

<div id="feedback" class="mui-page feedback">
	<div class="mui-navbar-inner mui-bar mui-bar-nav">
		<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
			<span class="mui-icon mui-icon-arrowleft"></span>
		</button>
		<button id="submit" class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" style="width:auto">发送</button>
		<h1 class="mui-center mui-title">问题反馈</h1>
	</div>
	<div class="mui-page-content">
		<div class="mui-content-padded">
			<div class="mui-inline">问题和意见</div>
			<a class="mui-pull-right mui-inline" href="#popover">
				快捷输入
				<span class="mui-icon mui-icon-arrowdown"></span>
			</a>
			<!--快捷输入具体内容，开发者可自己替换常用语-->
			<div id="popover" class="mui-popover">
				<div class="mui-popover-arrow"></div>
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view">
							<!--仅流应用环境下显示-->
							<li class="mui-table-view-cell stream">
								<a href="#">桌面快捷方式创建失败</a>
							</li>
							<li class="mui-table-view-cell"><a href="#">界面显示错乱</a></li>
							<li class="mui-table-view-cell"><a href="#">启动缓慢，卡出翔了</a></li>
							<li class="mui-table-view-cell"><a href="#">偶发性崩溃</a></li>
							<li class="mui-table-view-cell"><a href="#">UI无法直视，丑哭了</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="row mui-input-row">
			<textarea id='question' class="mui-input-clear question" placeholder="请详细描述你的问题和意见..."></textarea>
		</div>
		<p>图片(选填,提供问题截图,总大小10M以下)</p>
		<div id='image-list' class="row image-list"></div>
		<p>QQ/邮箱</p>
		<div class="mui-input-row">
			<input id='contact' type="text" class="mui-input-clear contact" placeholder="(选填,方便我们联系你 )" />
		</div>
		<div class="mui-content-padded">
			<div class="mui-inline">应用评分</div>
			<div class="icons mui-inline" style="margin-left: 6px;">
				<i data-index="1" class="mui-icon mui-icon-star"></i>
				<i data-index="2" class="mui-icon mui-icon-star"></i>
				<i data-index="3" class="mui-icon mui-icon-star"></i>
				<i data-index="4" class="mui-icon mui-icon-star"></i>
				<i data-index="5" class="mui-icon mui-icon-star"></i>
			</div>
		</div><br />
	</div>
</div>

<div style="height:55px"></div>
<nav class="mui-bar mui-bar-tab">
	<div class="t-line">
		<a href="index.html" class="aui-tab-item ">
			<span class="mui-icon mui-icon-home"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a th:href="@{/web/category}" class="aui-tab-item" >
			<span class="mui-icon mui-icon-extra mui-icon-extra-class"></span>
			<span class="mui-tab-label">分类</span>
		</a>
		<a class="aui-tab-item" href="car.html">
			<span class="mui-icon mui-icon-extra mui-icon-extra-cart"></span>
			<span class="mui-tab-label">购物车</span>
		</a>
		<a class="aui-tab-item mui-active" th:href="@{/web/me}">
			<span class="mui-icon mui-icon-extra mui-icon-extra-people"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</div>

</nav>


</body>
<script src="js/mui.min.js" th:src="@{/web/js/mui.min.js}"></script>
<script src="js/mui.view.js" th:src="@{/web/js/mui.view.js}"></script>
<script src='js/feedback.js'th:src="@{/web/js/feedback.js}"></script>
<script>
    mui.init({
        swipeBack: false
    });
    (function($) {
        $('.mui-scroll-wrapper').scroll({
            indicators: true //是否显示滚动条
        });
        var html2 = '<ul class="mui-table-view"><li class="mui-table-view-cell">第二个选项卡子项-1</li><li class="mui-table-view-cell">第二个选项卡子项-2</li><li class="mui-table-view-cell">第二个选项卡子项-3</li><li class="mui-table-view-cell">第二个选项卡子项-4</li><li class="mui-table-view-cell">第二个选项卡子项-5</li></ul>';
        var html3 = '<ul class="mui-table-view"><li class="mui-table-view-cell">第三个选项卡子项-1</li><li class="mui-table-view-cell">第三个选项卡子项-2</li><li class="mui-table-view-cell">第三个选项卡子项-3</li><li class="mui-table-view-cell">第三个选项卡子项-4</li><li class="mui-table-view-cell">第三个选项卡子项-5</li></ul>';
        var item2 = document.getElementById('item2mobile');
        var item3 = document.getElementById('item3mobile');
        document.getElementById('slider').addEventListener('slide', function(e) {
            if (e.detail.slideNumber === 1) {
                if (item2.querySelector('.mui-loading')) {
                    setTimeout(function() {
                        item2.querySelector('.mui-scroll').innerHTML = html2;
                    }, 500);
                }
            } else if (e.detail.slideNumber === 2) {
                if (item3.querySelector('.mui-loading')) {
                    setTimeout(function() {
                        item3.querySelector('.mui-scroll').innerHTML = html3;
                    }, 500);
                }
            }
        });
        var sliderSegmentedControl = document.getElementById('sliderSegmentedControl');
        $('.mui-input-group').on('change', 'input', function() {
            if (this.checked) {
                sliderSegmentedControl.className = 'mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-' + this.value;
                //force repaint
                sliderProgressBar.setAttribute('style', sliderProgressBar.getAttribute('style'));
            }
        });
    })(mui);
</script>
<script>
    mui.init();
    (function($) {
        //$.swipeoutOpen(el,direction)//打开指定列的滑动菜单，el:指定列的dom对象，direction：取值left|right，指定打开的是左侧或右侧滑动菜单
        //$.swipeoutClose(el);//关闭指定列的滑动菜单，el:指定列的dom对象
        //				setTimeout(function() {
        //					$.swipeoutOpen(document.getElementById("OA_task_1").querySelector('li:last-child'), 'left');
        //					setTimeout(function() {
        //						$.swipeoutClose(document.getElementById("OA_task_1").querySelector('li:last-child'));
        //					}, 1000);
        //				}, 1000);
        //第一个demo，拖拽后显示操作图标，点击操作图标删除元素；
        $('#OA_task_1').on('tap', '.mui-btn', function(event) {
            var elem = this;
            var li = elem.parentNode.parentNode;
            mui.confirm('确认删除该商品吗？', '删除商品', btnArray, function(e) {
                if (e.index == 0) {
                    li.parentNode.removeChild(li);
                } else {
                    setTimeout(function() {
                        $.swipeoutClose(li);
                    }, 0);
                }
            });
        });
        var btnArray = ['确认', '取消'];
        //第二个demo，向左拖拽后显示操作图标，释放后自动触发的业务逻辑
        $('#OA_task_2').on('slideleft', '.mui-table-view-cell', function(event) {
            var elem = this;
            mui.confirm('确认删除该商品吗？', '删除商品', btnArray, function(e) {
                if (e.index == 0) {
                    elem.parentNode.removeChild(elem);
                } else {
                    setTimeout(function() {
                        $.swipeoutClose(elem);
                    }, 0);
                }
            });
        });
        //第二个demo，向右拖拽后显示操作图标，释放后自动触发的业务逻辑
        $('#OA_task_2').on('slideright', '.mui-table-view-cell', function(event) {
            var elem = this;
            mui.confirm('确认删除该商品吗？', '删除商品', btnArray, function(e) {
                if (e.index == 0) {
                    elem.parentNode.removeChild(elem);
                } else {
                    setTimeout(function() {
                        $.swipeoutClose(elem);
                    }, 0);
                }
            });
        });
    })(mui);
</script>
<script>
    mui.init();
    //初始化单页view
    var viewApi = mui('#app').view({
        defaultPage: '#setting'
    });
    //初始化单页的区域滚动
    mui('.mui-scroll-wrapper').scroll();
    //分享操作
    var shares = {};

    mui.plusReady(function() {
        plus.share.getServices(function(s) {
            if (s && s.length > 0) {
                for (var i = 0; i < s.length; i++) {
                    var t = s[i];
                    shares[t.id] = t;
                }
            }
        }, function() {
            console.log("获取分享服务列表失败");
        });
    });

    setTimeout(function () {
        defaultImg();
        setTimeout(function() {
            initImgPreview();
        }, 300);
    },500);

    //分享链接点击事件
    document.getElementById("share").addEventListener('tap', function() {
        var ids = [{
                id: "weixin",
                ex: "WXSceneSession"
            }, {
                id: "weixin",
                ex: "WXSceneTimeline"
            }, {
                id: "sinaweibo"
            }, {
                id: "tencentweibo"
            }, {
                id: "qq"
            }],
            bts = [{
                title: "发送给微信好友"
            }, {
                title: "分享到微信朋友圈"
            }, {
                title: "分享到新浪微博"
            }, {
                title: "分享到腾讯微博"
            }, {
                title: "分享到QQ"
            }];
        plus.nativeUI.actionSheet({
            cancel: "取消",
            buttons: bts
        }, function(e) {
            var i = e.index;
            if (i > 0) {
                var s_id = ids[i - 1].id;
                var share = shares[s_id];
                if (share) {
                    if (share.authenticated) {
                        shareMessage(share, ids[i - 1].ex);
                    } else {
                        share.authorize(function() {
                            shareMessage(share, ids[i - 1].ex);
                        }, function(e) {
                            console.log("认证授权失败：" + e.code + " - " + e.message);
                        });
                    }
                } else {
                    mui.toast("无法获取分享服务，请检查manifest.json中分享插件参数配置，并重新打包")
                }
            }
        });
    });

    function shareMessage(share, ex) {
        var msg = {
            extra: {
                scene: ex
            }
        };
        msg.href = "http://www.dcloud.io/hellomui/";
        msg.title = "最接近原生APP体验的高性能前端框架";
        msg.content = "我正在体验HelloMUI，果然很流畅，基本看不出和原生App的差距";
        if (~share.id.indexOf('weibo')) {
            msg.content += "；体验地址：http://www.dcloud.io/hellomui/";
        }
        msg.thumbs = ["_www/images/logo.png"];
        share.send(msg, function() {
            console.log("分享到\"" + share.description + "\"成功！ ");
        }, function(e) {
            console.log("分享到\"" + share.description + "\"失败: " + e.code + " - " + e.message);
        });
    }
    //去评分
    document.getElementById("rate").addEventListener('tap', function() {
        if (mui.os.ios) {
            location.href = 'https://itunes.apple.com/WebObjects/MZStore.woa/wa/viewContentsUserReviews?id=682211190&pageNumber=0&sortOrdering=2&type=&mt=8';
        } else if (mui.os.android) {
            plus.runtime.openURL("market://details?id=io.dcloud.HelloMUI", function(e) {
                plus.runtime.openURL("market://details?id=io.dcloud.HelloMUI", function(e) {
                    mui.alert("360手机助手和应用宝，你一个都没装，暂时无法评分，感谢支持");
                }, "com.qihoo.appstore");
            }, "com.tencent.android.qqdownloader");
        }
    });
    //客服电话
    document.getElementById("tel").addEventListener('tap', function() {
        if(mui.os.plus){
            plus.device.dial("114");
        }else{
            location.href = 'tel:114';
        }

    });
    		//意见反馈
    		document.getElementById("quest").addEventListener('tap', function() {

    		});

    //检查更新
//    document.getElementById("update").addEventListener('tap', function() {
//        var server = "http://www.dcloud.io/check/update"; //获取升级描述文件服务器地址
//        mui.getJSON(server, {
//            "appid": plus.runtime.appid,
//            "version": plus.runtime.version,
//            "imei": plus.device.imei
//        }, function(data) {
//            if (data.status) {
//                plus.ui.confirm(data.note, function(i) {
//                    if (0 == i) {
//                        plus.runtime.openURL(data.url);
//                    }
//                }, data.title, ["立即更新", "取　　消"]);
//            } else {
//                mui.toast('Hello MUI 已是最新版本~')
//            }
//        });
//    });
    var view = viewApi.view;
    (function($) {
        //处理view的后退与webview后退
        var oldBack = $.back;
        $.back = function() {
            if (viewApi.canBack()) { //如果view可以后退，则执行view的后退
                viewApi.back();
            } else { //执行webview后退
                oldBack();
            }
        };
        //监听页面切换事件方案1,通过view元素监听所有页面切换事件，目前提供pageBeforeShow|pageShow|pageBeforeBack|pageBack四种事件(before事件为动画开始前触发)
        //第一个参数为事件名称，第二个参数为事件回调，其中e.detail.page为当前页面的html对象
        view.addEventListener('pageBeforeShow', function(e) {
            //				console.log(e.detail.page.id + ' beforeShow');
        });
        view.addEventListener('pageShow', function(e) {
            //				console.log(e.detail.page.id + ' show');
        });
        view.addEventListener('pageBeforeBack', function(e) {
            //				console.log(e.detail.page.id + ' beforeBack');
        });
        view.addEventListener('pageBack', function(e) {
            //				console.log(e.detail.page.id + ' back');
        });
    })(mui);
    //更换头像
    mui(".mui-table-view-cell").on("tap", "#head", function(e) {
        if(mui.os.plus){
            var a = [{
                title: "拍照"
            }, {
                title: "从手机相册选择"
            }];
            plus.nativeUI.actionSheet({
                title: "修改头像",
                cancel: "取消",
                buttons: a
            }, function(b) {
                switch (b.index) {
                    case 0:
                        break;
                    case 1:
                        getImage();
                        break;
                    case 2:
                        galleryImg();
                        break;
                    default:
                        break
                }
            })
        }

    });

//    function getImage() {
//        var c = plus.camera.getCamera();
//        c.captureImage(function(e) {
//            plus.io.resolveLocalFileSystemURL(e, function(entry) {
//        var s = entry.toLocalURL() + "?version=" + new Date().getTime();
//        console.log(s);
//        document.getElementById("head-img").src = s;
//        document.getElementById("head-img1").src = s;
//        //变更大图预览的src
//        //目前仅有一张图片，暂时如此处理，后续需要通过标准组件实现
//        document.querySelector("#__mui-imageview__group .mui-slider-item img").src = s + "?version=" + new Date().getTime();;;
//    }, function(e) {
//        console.log("读取拍照文件错误：" + e.message);
//    });
//    }, function(s) {
//        console.log("error" + s);
//    }, {
//        filename: "_doc/head.jpg"
//    })
//    }

//    function galleryImg() {
//        plus.gallery.pick(function(a) {
//            plus.io.resolveLocalFileSystemURL(a, function(entry) {
//                plus.io.resolveLocalFileSystemURL("_doc/", function(root) {
//                    root.getFile("head.jpg", {}, function(file) {
//                        //文件已存在
//                        file.remove(function() {
//                            console.log("file remove success");
//                            entry.copyTo(root, 'head.jpg', function(e) {
//                                    var e = e.fullPath + "?version=" + new Date().getTime();
//                                    document.getElementById("head-img").src = e;
//                                    document.getElementById("head-img1").src = e;
//                                    //变更大图预览的src
//                                    //目前仅有一张图片，暂时如此处理，后续需要通过标准组件实现
//                                    document.querySelector("#__mui-imageview__group .mui-slider-item img").src = e + "?version=" + new Date().getTime();;
//                                },
//                                function(e) {
//                                    console.log('copy image fail:' + e.message);
//                                });
//                        }, function() {
//                            console.log("delete image fail:" + e.message);
//                        });
//                    }, function() {
//                        //文件不存在
//                        entry.copyTo(root, 'head.jpg', function(e) {
//                                var path = e.fullPath + "?version=" + new Date().getTime();
//                                document.getElementById("head-img").src = path;
//                                document.getElementById("head-img1").src = path;
//                                //变更大图预览的src
//                                //目前仅有一张图片，暂时如此处理，后续需要通过标准组件实现
//                                document.querySelector("#__mui-imageview__group .mui-slider-item img").src = path;
//                            },
//                            function(e) {
//                                console.log('copy image fail:' + e.message);
//                            });
//                    });
//                }, function(e) {
//                    console.log("get _www folder fail");
//                })
//            }, function(e) {
//                console.log("读取拍照文件错误：" + e.message);
//            });
//        }, function(a) {}, {
//            filter: "image"
//        })
//    };

//    function defaultImg() {
//        if(mui.os.plus){
//            plus.io.resolveLocalFileSystemURL("_doc/head.jpg", function(entry) {
//                var s = entry.fullPath + "?version=" + new Date().getTime();;
//                document.getElementById("head-img").src = s;
//                document.getElementById("head-img1").src = s;
//            }, function(e) {
//                document.getElementById("head-img").src = 'images/ad1.jpg';
//                document.getElementById("head-img1").src = 'images/ad1.jpg';
//            })
//        }else{
//            document.getElementById("head-img").src = 'images/ad1.jpg';
//            document.getElementById("head-img1").src = 'images/ad1.jpg';
//        }
//
//    }
//    document.getElementById("head-img1").addEventListener('tap', function(e) {
//        e.stopPropagation();
//    });
//    document.getElementById("welcome").addEventListener('tap', function(e) {
//        //显示启动导航
//        mui.openWindow({
//            id: 'guide',
//            url: 'guide.html',
//            show: {
//                aniShow: 'fade-in',
//                duration: 300
//            },
//            waiting: {
//                autoShow: false
//            }
//        });
//    });

//    function initImgPreview() {
//        var imgs = document.querySelectorAll("img.mui-action-preview");
//        imgs = mui.slice.call(imgs);
//        if (imgs && imgs.length > 0) {
//            var slider = document.createElement("div");
//            slider.setAttribute("id", "__mui-imageview__");
//            slider.classList.add("mui-slider");
//            slider.classList.add("mui-fullscreen");
//            slider.style.display = "none";
//            slider.addEventListener("tap", function() {
//                slider.style.display = "none";
//            });
//            slider.addEventListener("touchmove", function(event) {
//                event.preventDefault();
//            })
//            var slider_group = document.createElement("div");
//            slider_group.setAttribute("id", "__mui-imageview__group");
//            slider_group.classList.add("mui-slider-group");
//            imgs.forEach(function(value, index, array) {
//                //给图片添加点击事件，触发预览显示；
//                value.addEventListener('tap', function() {
//                    slider.style.display = "block";
//                    _slider.refresh();
//                    _slider.gotoItem(index, 0);
//                })
//                var item = document.createElement("div");
//                item.classList.add("mui-slider-item");
//                var a = document.createElement("a");
//                var img = document.createElement("img");
//                img.setAttribute("src", value.src);
//                a.appendChild(img)
//                item.appendChild(a);
//                slider_group.appendChild(item);
//            });
//            slider.appendChild(slider_group);
//            document.body.appendChild(slider);
//            var _slider = mui(slider).slider();
//        }
//    }

//    if(mui.os.stream){
//        document.getElementById("check_update").display = "none";
//    }

</script>

</html>